@charset "UTF-8";
@import "compass";

/* CSS reset */
html{
  line-height: 1;
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, blockquote, img { margin: 0; padding: 0; }
body {

  font-family: Helvetica, Tahoma, Arial,"Microsoft YaHei", "微软雅黑",  STXihei, "华文细黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
  font-size: 14px;
  color: #222;
  /*min-width: 1445px;*/
  min-width: 1730px;
  overflow-x:auto;
}
input, select, textarea { font-family: Tahoma, Helvetica, Arial, "微软雅黑" , "\5b8b\4f53", sans-serif; color: #222; outline-style: none;}
dl, ul, li, dt, dd { list-style: none; }
em, b, i, strong { font-style: normal; font-weight: normal; }
img { max-width: 100%; border: none; vertical-align: middle; }
h1, h2, h3, h5, h6 { font-weight: bold; color: #333; }
h4{font-weight: normal;}
input::-moz-focus-inner { padding: 0; }
input, select, textarea { outline-style: none; resize: none; }
button { outline: none;border: none;}
header, section, article, aside, footer { display: block; }
ul,ol {list-style: none;margin: 0;padding: 0;}
/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}
a {color: #222;text-decoration: none;}
//reset bootstrap
.container-fluid {padding: 0;}
.glyphicon {color: #c3c3c3;}
.form-control {border-color: #f0f0f0;border-radius: 2px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 41.5px;
  //padding: 20px 10px;
}
.input-group-addon {background: #fff;color: #222;border: none;}
.table {
  thead {
    background: #f0f0f0;
    th {color: #222;font-weight: normal;font-size: 14px;}
  }
}
.table > thead > tr > th {padding: 14px 8px;border-bottom: 0;text-align: center;}
.table > tbody > tr > td {border-top: 0;border-bottom: 1px solid #f0f0f0;vertical-align: middle;text-align: center;font-size: 13px;color: #818181;}
.table-striped > tbody > tr:nth-child(2n+1) {background: #fff;}
label.css-checkbox {margin-bottom: 0;
  input {margin-top: 0;}
}
.table .btnsm-success,
.table .btnsm-primary {margin-right: 5px;}
.pagination {margin-top: 0;margin-bottom: 0;
  select.input-sm {height: 18px;line-height: 18px;padding: 0 6px;}
}
.table .btnsm-danger,
.table .btnsm-primary,
.table .btnsm-success {margin-bottom: 5px;}

.btn {padding-top:10px;padding-bottom: 9px;border-color: #f0f0f0;}

.breadcrumb {padding-top: 10px;padding-bottom: 10px;color: #999;background: #f0f0f0;}
.breadcrumb a {margin: 0 5px;color: #999;}
.breadcrumb .current {margin: 0 5px;color: #222;}

//common css
.clearfix {*zoom:1;}
.clearfix:after {content: "";display: block;clear:both;}
.left-section {width: 240px;}
.right-section{margin-left: 240px;}
.ib {display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.noborder {border: none;}


.bgcf{background: #fff;}
.mc{color:#1ec575;}
.mb{background: #1ec575;}
.mb[disabled] {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.6);opacity: 0.6;cursor: not-allowed;}
.mborder {border-color: #1ec575;}
.mch:hover,
.mch.active{color: #1ec575 !important;text-decoration: none;}
a:hover {color: #1ec575;text-decoration: none;}
.mbh:hover {color: #fff;background: #ccc;}
.mb.active {color: #fff;
  &:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);opacity: 0.9;}
}

/* header & main
======================================================== */
$header-spacing: 10px;
$header-sprite-dimensions:true;// false 生成的图片精灵要不要带长宽
@import "header/*.png";
#webHeader {
  .left-section {float: left;padding: 40px 0 41px;color: #fff;text-align: center;
    h1 {font-size: 18px;color: #fff;font-weight: normal;}
  }
  .right-section {@extend .clearfix;border-bottom: 1px solid #f0f0f0;
    .nav-top {float: left;padding: 33px 20px;
      li {float: left;padding: 7px 35px;}
    }
    .profile {float: right;padding: 33px 15px;
      &>li {float: left;padding: 2px 8px;}
      .dropdown>a {vertical-align: top;color: #999;
        .caret {vertical-align: text-top;}
      }
      .dropdown-menu {left: auto;right: 0;
      }
      .skin-ul a{display: inline-block;width: 25px;height: 25px;margin: 5px;padding: 0;border: 2px solid #fff;border-radius: 50%;
        &.skin {background: #418bca;}
        &.skin1 {background: #ff5798;}
        &.skin2 {background: #338af1;}
        &.skin3 {background: #1ec575;}
        &:hover {border-color: #999;}
      }
      .shop {@include header-sprite(shop);}
      .msg {@include header-sprite(msg);}
      .skin {@include header-sprite(skin);}
      i.user {@include header-sprite(user);}
    }
  }
}
.main{position: relative;background: #f0f0f0;@extend .clearfix;
  .left-section{position: absolute;left:0;top:0;min-height: 100%;
    dl{ padding: 30px 20px;
      dt {margin-bottom: 10px;color: #888;font-weight: normal;}
      dd a{display: block;padding: 10px 20px;border-radius: 2px;}
    }
  }
  .right-section {padding: 20px 20px 50px;background: #fff;@extend .clearfix;
    h2.header {padding: 10px 0;margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;font-weight: normal;font-size: 18px;}
  }
}
/* btn
======================================================== */
//$btn-spacing: 10px;
//$btn-sprite-dimensions:false;// false 生成的图片精灵要不要带长宽
//$btn-layout: smart; //生成精灵的布局
//$btn-sprite-base-class: ".btn_icon"; //精灵的基础类
//@import "btn/*.png";

// 公用按钮精灵的配置信息
$sprite-btn: sprite-map("btn/*.png", $spacing: 5px, $layout: smart,$sort-by: '!width',$position:10px,$repeat:no-repeat);

@mixin btn-sprite( $name) {
  //获取当前图标的图片名字
  $imgurl: sprite-file($sprite-btn, $name);
  //获取当前图标的位置
  $pos: sprite-position($sprite-btn, $name);

  //根据名字获取获取长度和宽度，并设置
  width: image-width($imgurl) / 2;
  height: image-height($imgurl) / 2;



  //设置图标的位置
  background-position: nth($pos, 1) / 2 nth($pos, 2) / 2;
  //使用compass的Css3模块 兼容处理背景图片大小
  @include background-size(ceil(image-width(sprite-path($sprite-btn)) / 2) auto);
}


.btnlg {padding: 13px 10px;color: #fff;line-height: 1;font-size: 14px;text-align: center;min-width: 120px;border-radius: 2px;}
a.btnlg {display: inline-block;min-width: 100px;}
.btnlg:not(:disabled):hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);opacity: 0.9;color: #fff;}

.btnsm {padding: 5px 21px;color: #fff;text-align: center;border-radius: 3px;}
a.btnsm {display: inline-block;}
.btnsm:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);opacity: 0.9;color: #fff;}
.btnsm-primary {@extend .btnsm;background: #418bca;}
.btnsm-success {@extend.btnsm;background: #148971;}
.btnsm-danger {@extend.btnsm;background: #aa5a5a;}
.btnsm-take {@extend.btnsm;background: #cc5c1c;}

.btn-icon{margin-right: 7px;margin-bottom: 5px;padding: 7px 5px;color: #fff;line-height: 1rem;font-size: 14px;text-align: center;border-radius: 2px;
  &:before {content:"";margin-right: -1px;display: inline-block;vertical-align: top;background-image: sprite-url($sprite-btn);}
  &:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0.9);opacity: 0.9;color: #fff;}
}
/*.btn_icon {background-size: 100% auto;}*/
.btn-send {background: #cc5c1c;
 &:before {@include btn-sprite(send);}
}
.btn-edit {background: #418bca;
  &:before {@include btn-sprite(edit);}
}
.btn-cancel {background: #aa5a5a;
  &:before {@include btn-sprite(cancel);}
}
.btn-detail {background: #868686;
  &:before {@include btn-sprite(detail);}
}
.btn-down {background: #df5c0e;
  &:before {@include btn-sprite(down);}
}
.btn-up {background: #418bca;
  &:before {@include btn-sprite(up);}
}
.btn-money {background: #50a8c2;
  &:before {@include btn-sprite(money);}
}
.btn-preview {background: #50a8c2;
  &:before {@include btn-sprite(preview);}
}
.btn-reset {background: #868686;
  &:before {@include btn-sprite(reset);}
}
.btn-save {background: #418bca;
  &:before {@include btn-sprite(save);}
}

/* form-inline
======================================================== */
.inline-form {margin: 20px 0;
  .r {float: right;}
  .btnlg {margin-right: 20px;}
  .css-select-group {margin-right: 15px;}
  .form-group {margin-right: 25px;}
}
.inline-top{margin-top: 20px;}

/* css 小组件
======================================================== */
.css-add {position: relative;display: inline-block;width: 13px;height: 13px;margin-right: 5px;text-align: center;
  &:before {content: "";display: block;height: 3px;width: 100%;position: absolute;top: 50%;margin-top: -2px;background: #fff;}
  &:after {content:"";display: inline-block;width: 3px;height: 100%;background: #fff;}
}
.css-checkbox {position: relative;display: inline-block;vertical-align: top;
  input {position: absolute;top:0;left:0;right: 0;bottom: 0;width: 0;height: 0;visibility: hidden;}
  span{
    &:before {content:"";display: inline-block;width: 17px;height: 17px;margin-right: 5px;border: 1px solid #c3c3c3;border-radius: 2px;vertical-align: middle;}
    &:after {content: "";position: absolute;left: 2px;top: 4px;width: 13px;height: 8px;display: inline-block;border-width: 2px;border-style: solid;border-color: transparent transparent  #1ec575 #1ec575;
      -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
      transform:rotate(-45deg);
      visibility: hidden;
    }
  }
  input:hover+span:after {visibility: visible;}
  input:checked+span{
    &:before {background: #1ec575;border-color: #1ec575;}
    &:after {border-color: transparent transparent  #fff #fff;visibility: visible;}
  }

}
@-webkit-keyframes popOut{
  0% {
    -webkit-transform: scale(1,1);
       -moz-transform: scale(1,1);
            transform: scale(1,1);
  }
  25% {
    -webkit-transform: scale(1,1.2);
       -moz-transform: scale(1,1.2);
            transform: scale(1,1.2);
  }
  50% {
    -webkit-transform: scale(1,1.4);
       -moz-transform: scale(1,1.4);
            transform: scale(1,1.4);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes popOut{
  0% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
  25% {
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.2);
    transform: scale(1,1.2);
  }
  50% {
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    transform: scale(1,1.4);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@-webkit-keyframes popIn{
  0% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
  25% {
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.2);
    transform: scale(1,1.2);
  }
  50% {
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    transform: scale(1,1.4);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes popIn{
  0% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
  25% {
    -webkit-transform: scale(1,1.2);
    -moz-transform: scale(1,1.2);
    transform: scale(1,1.2);
  }
  50% {
    -webkit-transform: scale(1,1.4);
    -moz-transform: scale(1,1.4);
    transform: scale(1,1.4);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    transform: scale(1,1);
  }
}
.css-switch{position: relative;display: inline-block;
  input {position: absolute;top:0;left:0;right: 0;bottom: 0;width: 0;height: 0;visibility: hidden;}
  span {
    &:before {content:"";display: inline-block;width: 39px;height: 19px;border-radius: 14px;background: #c3c3c3;}
    &:after {content:"";display: inline-block;position: absolute;left:0;top:0;width: 19px;height: 19px;border-radius: 100%;background: #fff;border: 1px solid #c3c3c3; transition: margin-left ease-in-out 0.1s;

    }
  }
  input:checked+span{
    &:before {background: #1ec575;}
    &:after {margin-left: 20px;
      -webkit-animation: popIn ease-in 0.3s;
      animation: popIn ease-in 0.3s;
    }
  }
  input:not(:checked)+span {
    &:after {
      -webkit-animation: popOut ease-in 0.3s;
      animation: popOut ease-in 0.3s;
    }
  }

  input:disabled+span {opacity: 0.5}
}
.css-select {position: relative;display: inline-block;
  .chosen {padding: 10px 15px;border: 1px solid #f0f0f0;cursor:pointer;
    span {margin-right: 18px;}
    .angle-down {position: absolute;right: 20px;top: 18px;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: #888 transparent transparent transparent;}
  }
  ul {position: absolute;left:0;right: 0;display: none;border: 1px solid #f0f0f0;border-top-color: transparent;background: #fff;z-index:1;
    li{ padding: 5px 10px;cursor: pointer;
      &:hover {background: #1ec575;color: #fff;}
    }
  }
  &.active {
    ul {top: 0;}
  }
  &:focus {  border-color: #66afe9;  outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  }
}
.select-active{
  &:active{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    .chosen{
      border-color: #66afe9;
    }
  }
}
.css-dropdown {position: relative;display: inline-block;
  .toggle {padding: 12px 15px;border: 1px solid #f0f0f0;cursor:pointer;border-radius: 2px;
    span {margin-right: 18px;}
    .angle-down {position: absolute;right: 20px;top: 18px;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: #888 transparent transparent transparent;}
  }
  ul {position: absolute;left:0;right: 0;display: none;border: 1px solid #f0f0f0;border-top-color: transparent;
    li{ padding: 5px 10px;cursor: pointer;
      &:hover {background: #1ec575;color: #fff;}
    }
  }
  &.active {
    ul {top: 0;}
  }
}
.css-select-group {position: relative;display: inline-block;float: left;
  .css-select{float: left;
    .chosen{border-top-right-radius: 0;border-bottom-right-radius: 0;border-right: none;}
  }
  input.form-control {float: left;border-top-left-radius: 0;border-bottom-left-radius: 0;}
}
.angle-up {width: 0;height: 0;border-style: solid;border-width: 10px;border-color: transparent transparent #888 transparent;}
.angle-right {width: 0;height: 0;line-height: 0;border-style: solid;border-width: 10px;border-color:  transparent #666 transparent transparent;}
/*or小组件*/
.btn-group-or{
  position: relative;
  span.or{
    z-index: 10;
    position: absolute;
    padding: 5px;
    width: 30px;
    height: 30px;
    left: 42%;
    top: 0px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 15px;
    right: 41%;    
    background-color: rgb(92, 184, 92);
    color: rgb(255, 255, 255);
  }
}


/* page-bar
======================================================== */
$arrow-spacing: 10px;
$arrow-sprite-dimensions:true;// false 生成的图片精灵要不要带长宽
@import "arrow/*.png";
.page-bar {float: right;color: #888;
  .info {float: left;
    .css-select{margin-left: 10px;
      .chosen {padding-top: 8px;padding-bottom: 8px;}
    }
  }
  .bar {display: inline-block;margin-left: 35px;
    li {display: inline;
      a {float: left;padding: 6px 14px;margin-left: 5px;border: 1px solid #f0f0f0;border-radius: 2px;color: #c3c3c3;font-size: 18px;font-family: Arial, sans-serif;
        .arrow-left {@include arrow-sprite(left);vertical-align: middle;}
        .arrow-right {@include arrow-sprite(right);vertical-align: middle;}

        &:hover {background: #999;color: #fff;
          .arrow-left {@include arrow-sprite(left1);}
          .arrow-right {@include arrow-sprite(right1);}
        }
        &.active,
        &.active:hover {background: #1ec575;color: #fff;border-color: #1ec575;
          .arrow-left {@include arrow-sprite(left1);}
          .arrow-right {@include arrow-sprite(right1);}

        }
      }

    }
  }
}
//弹框按钮颜色
.jdialog_win_default .jdialog_win_button_container .jdialog_win_buttonInner .btn{
  @extend .btnsm;
}
/**星号颜色**/
span.asterisk{color: red;}
//纵向表单样式
.formLayer {margin-top: 30px;}
.form-block {
  .form-control {border: 1px solid #e5e5e5;margin-right: 10px;@include transition(all,0.3s);
    &.error {border-color: #ff5555;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 110, 158, 0.75));}
    &:focus {border-color: #8cd2ff;outline: 0;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6));}
  }
  dl {@extend .clearfix;}
  dt {float: left;width: 110px;line-height: 38px;margin-right: 15px;text-align: right;margin-left: 60px;}
  dd {margin-left: 20px;margin-bottom: 15px;
    select.form-control {padding: 5px 5px 4px;}
    input.form-control {display: inline-block;width: 200px;height: 38px;line-height: 38px;padding: 0 5px;}
  }
  dd.setLine {line-height: 38px;}
  .text {
    dt,dd {height: auto;line-height: normal;}
  }
  textarea.full { width:100%;padding: 5px;box-sizing: border-box;}
  .radio-wrap,.checkbox-wrap {line-height: 38px;}
  .btn-group {margin-left: 15px;text-align: left;}
  .bottom-btn {padding: 20px 0;
    .btn {margin-right: 15px;}
  }
  @mixin btn() {
    display: inline-block;width: 100px;height: 36px;line-height: 36px;margin-bottom: 0;font-size: 14px;text-align: center;vertical-align: middle;cursor: pointer;
    border-radius: 4px;border-width: 1px;border-style: solid;
  }
  .get-code { @include btn; width: auto;min-width: 100px;color: #fff;border-radius: 0;background: #e5e5e5;cursor: not-allowed;
    &.active {border: 1px solid;cursor: pointer;background: none; }
  }
  label.error {color: #ff5555;padding-left: 5px;}
}

.table-form {
  margin: 20px; }

.table-form th {
  font-weight: normal;
  text-align: right;
  color: #666; }

.table-form th, .table-form td {
  padding: 5px 10px; }

.table-form .form-control {
  display: inline-block;
  width: 120px;
  padding: 5px;
  margin-right: 15px;
  border: 1px solid #e5e5e5; }

.form-horizontal .control-label.my-left {
  text-align: left;
  float: left; }
.my-left {
  text-align: left;
  float: left; }

/*MPE在线平台交易框架协议*/
.contract_txt {
  color: #666; }

.contract_txt h2.title {
  text-align: center;
  font-size: 27px;
  background-color: #eee;
  height: 60px;
  line-height: 60px; }

.contract_txt p {
  text-indent: 2em;
  margin-bottom: 10px; }

.contract_txt .section {
  margin: 30px 20px; }

.contract_txt .section h2 {
  margin-bottom: 15px; }

.contract_txt .section table {
  width: 93%;
  margin: auto;
  text-align: center; }

.contract_txt .section table input {
  width: 100%;
  border: none; }

.contract_txt .section table th {
  font-weight: normal;
  letter-spacing: 2px; 
  border-left: 1px solid #e5e5e5;}

.contract_txt .section table td, .contract_txt .section table th {

  height: 56px;
  word-wrap: break-word;
  font-weight: normal; 
border: 1px solid #e5e5e5;}

/*.contract_txt .section input { text-align: center; border: none; border-bottom: 1px solid #666; width: 82px; }*/
.contract_txt .section .content {
  margin: 0 2em;
  line-height: 24px; }

.contract_txt .section .content span {
  display: block; }

.contract_txt .section .content .lg {
  width: 460px; }

.contract_txt .section dl {
  line-height: 55px;
  margin-bottom: 20px;
  font-weight: bold; }
//自定义按钮
#defined{border: 1px solid #ddd;}
//自定义表单
#defined_edit{
  margin-bottom: 20px;
  .css-checkbox{
    line-height: 20px;
    //font-size: 20px;
  }
}


//适应笔记本电脑
@media screen and (max-width:1555px) {
  .left-section {width: 220px;}
  .right-section{margin-left: 220px;}

  #webHeader {
    .right-section {
      .nav-top {
        li {padding-left: 25px;padding-right: 25px;}
      }
      .profile {
        &>li {padding: 2px 5px;}
      }
    }
  }
  .css-select .chosen {padding-top:8px;padding-bottom: 8px;}
  .form-control {height: 38px;}
  .form-control.w100 {width: 100px;}
  .btnlg {padding-top:11px;padding-bottom: 11px;min-width: 100px;}
  .btnsm {padding-left:15px;padding-right: 15px;}
}

//报表管理-列表订单号超链接颜色
.table-ahover{
  td{
    a{
      color: #338bf1;
    }
  }
}
//资金管理-交易密码原input隐藏
.hidePwd {position: absolute; opacity: 0;left: -9999px;}
//弹窗表单样式
.table-form {margin: 20px;
  th{font-weight: normal;text-align: right;color: #666;}
  th,td {padding: 5px 10px;}
  .link2 {color: #338bf1;}
}
//字体样式
.control-label,label{
  font-weight: normal;
}
//错误提示颜色
.text-error{
  color: #cc0000;
}

//短信消息样式
.sms-wrap {
  .fz12 {font-size: 12px;}
  .dotted {position: relative;
    &:before {content:"";position: absolute;display: inline-block;left:-11px;top: 3px;width: 6px;height: 6px;margin-top: 2px;border-radius: 100%;background:#408cff;}
    &.c1:before {background:#1dc574;}
    &.c2:before {background:#fe873f;}
  }
  .btn {margin-top: 5px;padding: 5px 10px 3px;color: #fff;text-align: center;}
}

/*图片上传样式*/
.fileWrap {display: inline-block;width: 150px;height: 150px;margin:15px 20px 5px 0;vertical-align: top;
  .fileUpload {position: relative;width: 100%;height: 99%;background: #f5f5f5;border-radius: 4px;
    .btn_file {width: 100%;height: 100%;text-align: center;color: #666;
      .icon_add i {margin-top: 42%;display: inline-block;}

    }
    .fileBar {position: absolute;width: 100%;height: 99%;opacity: 0;z-index: 1;cursor:pointer;}
  }
  .uploaded {position: relative;display: none;width: 100%;height: 99%;background: #f5f5f5;
    img {width: 100%;height: 99%;}
    .btn_re {position: absolute;right: 0;padding: 0 5px;opacity: 0;background: #373d42;color: #fff;}
    &:hover {
      .btn_re {opacity: 0.8;}
    }
  }
  label.error {position: absolute;top: 2px;z-index: 2}
  &.active {
    .fileUpload {display: none;}
    .uploaded {display: block;}
  }

}